import GeekIcon from '@/components/geek-icon.vue'
import dayjs from 'dayjs' // 导入 dayjs 插件

// 使用相对时间插件
import relativeTime from 'dayjs/plugin/relativeTime'

// 本地化语言
import 'dayjs/locale/zh-cn'

// 代码高亮
import hljs from 'highlight.js'
import 'highlight.js/styles/vs2015.css'
dayjs.extend(relativeTime)
dayjs.locale('zh-cn')

export default {
  install (Vue) {
    // 在这里扩展Vue功能
    Vue.component('GeekIcon', GeekIcon)
    // 全局注册过滤器 进行时间转
    Vue.filter('relativeTime', value => {
      return dayjs(value).toNow()
    })
    // 定义全局指令
    Vue.directive('highlight', el => {
      const codeList = el.querySelectorAll('pre code')
      codeList.forEach(code => {
        hljs.highlightElement(code)
      })
    })
  }
}
